@import "../../less/@name";
.orderItem{
  margin-bottom: 1em;
  overflow-x: hidden;
  &>header{
    height:40px;
    padding:0 1em;
    display: flex;
    background: @bg-white;
    justify-content: space-between;
    align-items: center;
    &>div{
      display: flex;
      align-items: center;
      i{
        margin-top: 5px;
        font-size: 1.4em;
      }
      span{
        padding:0 0.3em;
        font-size: @font-size-p;
      }
    }
    &>span{
      font-size: @font-size-p;
      color: @color-main-1;
    }
  }
  section{
    a{
      &>div{
        padding: 1em;
        width:100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        label{
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover;
          display: flex;
          height:80px;
          width:80px;
        }
        div{
          width:74%;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          p{
            font-size: @font-size-p;
          }
          span{
            span{
              font-size: @font-size-p;
            }
          }
        }
      }
      &>ul{
        overflow-x: scroll;
        li{
          padding: 1em;
          label{
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            display: flex;
            height:80px;
            width:80px;
          }
        }
      }
    }
  }
  footer{
    background: @bg-white;
    p{
      padding-right: 1em;
      justify-content: flex-end;
      align-items: center;
      border-bottom: 1px solid @line;
      height:34px;
      font-size: @font-size-p;
    }
  }
}

.btnGroup{
  padding-right: 1em;
  display:flex;
  height:44px;
  align-items: center;
  justify-content: flex-end;
  button {
    margin-left: 0.8em;
    height:28px;
    width:80px;
    border-radius: 14px;
    border: 1px solid @line;
    &.active{
      border-color: @color-main-1;
      color: @color-main-1;
    }
  }
}